.btn-list {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 100px 0 0 0;
  list-style: none;
  transition: padding-top 0.4s;

  li {
    border: 1px solid black;
    padding: 20px 50px;
    margin: 10px;
    cursor: pointer;
    flex: 1;

    &.active {
      border-color: red;
    }
  }
}

.form {
  margin-top: 100px;
  width: 500px;
  background-color: #9e9e9e;
}

.input {
  padding: 10px;
  background-color: rosybrown;
  width: 100%;
}

.show {
  opacity: 1;
  height: auto;
}

.slide-top {
  padding-top: 0;
}

//.slide-top {
//  animation: slide-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
//}
//
//@keyframes slide-top {
//  0% {
//    transform: translateY(0);
//  }
//  100% {
//    transform: translateY(-100px);
//  }
//}
